@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, menu, article, section, nav, footer, header { margin: 0; padding: 0; border: none; outline: none; font-size: 1em; vertical-align: baseline; background: transparent; font-weight:100;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
img { vertical-align: bottom; max-width: 100%; }
ol, ul, li{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
i{ font-style:normal;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent;-ms-tap-highlight-color: transparent;-o-tap-highlight-color: transparent;tap-highlight-color: transparent;}
/*14px:.875em;12px:.75em;*/
body, input, textarea{ font-family: "HelveticaNeue", "Droid sans fallback", "微软雅黑"; font-size: 16px; color: #333; line-height: 1em; }
body{max-width:640px; margin:0 auto;}
body:before, body:after{content:'';display:block;}
body:before{ height:40px;}
.clear{clear:both;}
.clear:after{clear:both; content: ""; height: 0; display: block;}
.red{ color:#f00;}
.error{ font-size:12px;color:#f00;}
.ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box-sizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.box{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;}
.box-center{-webkit-box-align:center;-moz-box-align:center;-ms-box-align:center;-o-box-align:center;box-align:center;}
.box-top{-webkit-box-align:start;-moz-box-align:start;-ms-box-align:start;-o-box-align:start;box-align:start;}
.box-vertical{-webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical;-webkit-o-orient: vertical;box-orient: vertical;}
.flex1{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;flex:1;}
.box-flex{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;}
.flex-column{-webkit-flex-flow:column;-moz-flex-flow:column;-ms-flex-flow:column;-o-flex-flow:column;flex-flow:column;}
.flex-align{-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;}
.flexSh{-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-ms-flex-shrink: 0;-o-flex-shrink: 0;flex-shrink: 0;}
.radio{ display:inline-block; width:12px; height:12px; border:2px solid #cacaca;border-radius:100%; background:transparent;vertical-align:middle;}
.selected .radio:after, .selected.radio:after{content:'';display:block;width:8px; height:8px; border-radius:100%; background:#f00; margin:2px;}
.switch{ display:inline-block; width:32px; height:16px; border-radius:16px; background:#999; position:relative; vertical-align:middle;}
.switch:after{content:'';display:block; width:16px; height:16px;border-radius:100%; background:#fff;box-shadow:0 0 3px rgba(0,0,0,0.3); position:absolute; left:0; top:0;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-ms-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s;}
.switch.selected, .selected .switch{ background:#825dc7;}
.switch.selected:after, .selected .switch:after{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
/*图标*/
.icon { display: inline-block; width: 24px; height: 24px; background-size: contain; background-position: 50%; vertical-align: middle; }
.icon-home { background-image: url(../images/icon-home.png);}
.icon-arrow-left { background-image: url(../images/icon-arrow-left.png);}
.icon-arrow-right{ background-image: url(../images/icon-arrow-right.png);}
.icon-arrow-right2{ background-image: url(../images/icon-arrow-right2.png);}
.icon-arrow-up{ background-image: url(../images/icon-arrow-right.png);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
.icon-arrow-down{ background-image: url(../images/icon-arrow-right.png);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.icon-edit{ background-image:url(../images/icon-edit.png);}
.icon-user{ background-image:url(../images/icon-user.png);}
.icon-del{ background-image:url(../images/icon-del2.png);}
.icon-cart-order{background-image:url(../images/icon-cart-purple.png);}

/*king.wap.js start*/
/*弹框*/
.king_box { width: 100%; height: 100%; color: #000; background: rgba(0,0,0,0); position: fixed; left: 0; top: 0; z-index: 99998; font-size: 16px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-transition: background .1s ease; transition: background .1s ease; }
.king_box_in { max-width: 320px; width: 82%;color: #666; background: #fff; position: fixed; left: 50%; top: 50%; border-radius: 10px; z-index: 99999; overflow: hidden; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: opacity .1s ease .1s; transition: opacity .1s ease .1s;}
.king_box.show { background: rgba(0,0,0,.4);}
.king_box.show .king_box_in { opacity: 1; }
.king_box_title { width: 100%; padding-top: 20px; text-align: center; font-weight: 900;}
.king_box_cont { padding: 20px; text-align: center; line-height: 26px;overflow: hidden; font-size: 14px;}
.king_box_cont img { max-width: 100%; }
.king_box_btns { width: 100%; height: 45px; line-height: 45px; border-top: 1px solid #e7e7e7; text-align: center; display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; display: box; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.king_box_btns span { display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; flex: 1; height: 100%; border-right: 1px solid #e7e7e7; text-align: center; cursor: pointer; }
.king_box_btns span:last-child { border: none; }
.king_box_btns span:active { background: #eee; }
/*提示*/
.king_pop_tips {position: fixed;left: 5%;right: 5%;bottom: 30px;text-align: center;opacity: 0;-webkit-transition: all .3s ease;transition: all .3s ease;z-index:999999;font-size:14px;-webkit-font-smoothing: antialiased;}
.king_pop_tips.show { opacity: 1; }
.king_pop_tips span { display: block; font-size: 14px;padding: 8px 10px;border-radius: 5px;background: rgba(0,0,0,0.8);color: #fff; overflow: hidden; -webkit-user-select: none; user-select: none; }
/*查看大图*/
.lkt_image_view{ position:fixed; left:0; top:0; width:100%;height:100%;background:rgba(0,0,0,.6); text-align:center;font-size:0; z-index:99;}
.lkt_image_view img{max-width:100%;max-height:100%; vertical-align:middle; position:relative; z-index:1;}
.lkt_image_view:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.lkt_image_view.load:before{content:''; display:block; position:absolute; left:50%; top:50%;margin:-15px 0 0 -15px;width:30px;height:30px;border-radius:100%;border:2px solid #fff; border-right-color:transparent;-webkit-animation: king-ld 1.2s linear infinite; animation: king-ld 1.2s linear infinite; z-index:0;}
/*加载动画*/
.king_ld { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index:99;}
.king_lds { width: auto;max-width:200px;min-width:56px; height: 56px; position: fixed; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background: rgba(0,0,0,.85); border-radius: 5px; padding:12px;text-align:center;font-size:0;-webkit-user-select:none;user-select:none;overflow:hidden;}
.king_lds:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.king_lds span{display:inline-block;vertical-align:middle;font-size:14px; color:#fff; line-height:1.6em;}
.king_lds span:before{content:'';display:block;width:36px;height:36px;margin:0 auto;border-radius:100%;border:2px solid #fff; border-right-color:transparent;-webkit-animation: king-ld 1.2s linear infinite; animation: king-ld 1.2s linear infinite;}
@-webkit-keyframes king-ld { 0% {
-webkit-transform:rotate(0)
}
 100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes king-ld { 0% {
transform:rotate(0);
}
 100% {
transform:rotate(360deg)
}
}
/*king.wap.js end*/

/*头部*/
header { width: 100%; height: 40px; background: #825dc7; background-size: 100% 100%; text-align: center; line-height: 40px; color: #fff; position: fixed; left: 0; top: 0; z-index: 99; }
.header-left, .header-right { min-width: 40px; height: 40px; position: absolute; top: 0;font-size:0;}
.header-left{ left:0;}
.header-right{ right:0;padding:0 5px;}
.header-right *{ font-size:16px; vertical-align:middle;}
.header-left:after, .header-right:after{content:'';display:inline-block;width:0;height:100%; vertical-align:middle;}

/*主导航*/
nav{width:100%; position: fixed; left: 0; bottom: 0; font-size: 14px; z-index: 3; background:#fff;height:55px; text-align: center; border-top:1px solid #e4e4e4; }
nav>div{width:100%;height:100%;}
nav a {display: block;}
nav span { width: 25px; height: 20px; display: inline-block; margin: 7px 0 3px 0; background: url("../images/icon.png") no-repeat; background-size: 50px auto;}
nav a:first-child span{background-position: left -1px ;}
nav a:nth-child(2) span{background-position: left -22px ;}
nav a:nth-child(3) span{background-position: left -43px ;}
nav a:last-child span{background-position: left -64px ;}
nav a.cur {background: #825dc7; color:#fff;}
nav a:first-child.cur span{background-position: right -1px ;}
nav a:nth-child(2).cur span{background-position: right -22px ;}
nav a:nth-child(3).cur span{background-position: right -43px ;}
nav a:last-child.cur span{background-position: right -64px ;}

/*右侧购物车&&返回顶部*/
.fixed-right{position: fixed; bottom: 58px; right: 10px; z-index: 99;}
.fixed-right div{width: 42px; height: 42px;  margin-top: 10px; border-radius: 50%;}
.fixed-right .cart{background: url("../images/icon-cart.png") no-repeat #825dc7; background-size: 42px;}
.fixed-right .cart a{display: block; width: 42px; height: 42px;}
.fixed-right .back-top{background: url("../images/backtop.png") no-repeat #825dc7; background-size: 42px; display: none;}
.fixed-right .cart p{position: absolute; font-size: 12px; color:#fff; background: #f00; width: 22px;height: 22px;border-radius: 100%; top:0; right: 0; text-align: center; line-height: 22px; }

/*404*/
.main404{width: 100%; height: 100%; position: absolute; top:0; left: 0; text-align: center;}
.main404 img{width: 78%; margin: 0 auto;}
.main404 a{display: block;font-size: 14px;width: 100px;height: 45px;line-height: 45px;background: #815dc7;color: #fff;margin: 0 auto;border-radius: 5px;margin-top: 60px;}